<template>
  <div w-full h-100vh flex flex-justify-between>
    <div h-full w-full flex-col flex flex-justify-center flex-items-center>
      <h3 class="c-#158e7d" m-b-10px font-size-28px font-800>
        营销现场作业安全管控平台
      </h3>
      <div w-460px h-500px m-t-20px rd-10px>
        <el-form :model="form" label-width="auto" style="max-width: 600px">
          <el-form-item label="账号">
            <el-input style="height:50px" v-model="form.userName" />
          </el-form-item>
        </el-form> 
        <el-form-item label="密码" prop="password">
          <el-input
            style="height:50px"
            v-model="form.password"
            type="password"
            autocomplete="off"
          />
        </el-form-item>
        <el-form-item style="margin-top:16px">
          <el-button w-full class="bg-#158e7d" style="height:50px;background:#158e7d" type="primary" @click="setToken()">
            登录
          </el-button>
        </el-form-item>
      </div>
    </div>
    <div h-full min-w-460px class="login-bg w-30%"></div>
  </div>
</template>

<script setup>
const form = reactive({
  userName: "",
  password: "",
});
const {setToken}=useUserStore()
</script>

<style lang="scss" scoped>
.login-bg {
  background: url("/login_right_bg.png") no-repeat center center / 100%
    100%;
}
</style>